オプション

スクリプト可能なオプション

スクリプト可能なオプションは、基礎となるデータ値ごとに呼び出され、一意の引数を取る関数も受け入れます。contextコンテキスト情報を表す (「オプションコンテキスト）。

例：

color: function(context) {
    var index = context.dataIndex;
    var value = context.dataset.data[index];
    return value < 0 ? 'red' :  // draw negative values in red
        index % 2 ? 'blue' :    // else, alternate values in blue and green
        'green';
}

インデックス可能なオプション

インデックス可能なオプションは、各項目が同じインデックスの要素に対応する配列も受け入れます。この方法では、データと同じ数のアイテムを提供する必要があるため、ほとんどの場合、関数サポートされている場合は、より適切です。

例：

color: [
    'red',    // color for data at index 0
    'blue',   // color for data at index 1
    'green',  // color for data at index 2
    'black',  // color for data at index 3
    //...
]

オプションのコンテキスト

オプション コンテキストは、オプションを解決するときにコンテキスト情報を提供するために使用され、現在はのみに適用されます。スクリプト可能なオプション。

コンテキスト オブジェクトには次のプロパティが含まれます。

• chart: 関連するチャート
• dataIndex: 現在のデータのインデックス
• dataset: インデックスのデータセットdatasetIndex
• datasetIndex: 現在のデータセットのインデックス
• hover: ホバーされている場合は true

重要: コンテキストはさまざまなタイプのエンティティ (データセット、データなど) を表すことができるため、一部のプロパティはundefinedしたがって、コンテキスト プロパティを使用する前に必ずテストしてください。